<!DOCTYPE html>

<html lang="en">
  <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Tutorial 6: Vökuró &mdash; Phalcon 2.0.0 文档</title>
    <meta name="keywords" content="php, phalcon, phalcon php, php framework, faster php framework"><link rel="stylesheet" type="text/css" href="../_static/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="http://static.phalconphp.com/css/phalcon.min.css" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Merriweather:400,700" rel="stylesheet" type="text/css" />
    <!--
    EUROPE <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400&subset=latin-ext' rel='stylesheet' type='text/css'>
    GREEK <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400&subset=greek-ext' rel='stylesheet' type='text/css'>
    RUSSIA <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>
    -->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
    <link rel="stylesheet" href="../_static/docs.css" type="text/css" />
    <script type="text/javascript">
      var DOCUMENTATION_OPTIONS = {
        URL_ROOT:    '../',
        VERSION:     '2.0.0',
        COLLAPSE_MODINDEX: false,
        FILE_SUFFIX: '.html',
        HAS_SOURCE:  true
      };
    </script>

    <script src="../_static/jquery.min.js"></script>
    <script type="text/javascript" src="../_static/docs.js"></script>
    <link rel="shortcut icon" href="../_static/favicon.ico"/>
    <link rel="top" title="Phalcon 2.0.0 文档" href="../index.html" />
    <link rel="next" title="教程 3：创建简单的 RESET API（Tutorial 3: Creating a Simple REST API）" href="tutorial-rest.html" />
    <link rel="prev" title="Tutorial 5: Customizing INVO" href="tutorial-invo-4.html" /> 
  </head>
  <body>

<header class="page-header">
    <nav class="navbar" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu-container">
                    <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <a class="navbar-brand phalcon-logo" href="/"><span itemprop="name" class="sr-only">Phalcon PHP</span></a>
            </div>

            <div class="collapse navbar-collapse navbar-right" id="main-menu-container">
                <ul class="nav navbar-nav main-menu">
                  <li class="first"><a href="http://phalconphp.com/en/download" class="header-nav-link">Download</a></li>
                  <li><a href="http://docs.phalconphp.com/en/latest/index.html" class="header-nav-link" target="_blank">Documentation</a></li>
                  <li><a href="http://forum.phalconphp.com/" class="header-nav-link" target="_blank">Forum</a></li>
                  <li><a href="http://blog.phalconphp.com/" class="header-nav-link" target="_blank">Blog</a></li>
                  <li><a href="http://phalconphp.com/en/about">About</a></li>
                </ul>
            </div>
        </div>
    </nav>
  </header>

<div class="heading">
    <div class="container">
        <div class="row">
            <h2>Documentation</h2>
        </div>
    </div>
</div>
    <!--<div class="header-line">
      <div class="size-wrap">
        <div class="header-line-title title-white">Documentation</div>
      </div>
    </div>-->
    <div class="related">
      <ul>
        <li class="right" >
          <a href="../genindex.html" title="总目录"
             accesskey="I">索引</a></li>
        <li class="right" >
          <a href="tutorial-rest.html" title="教程 3：创建简单的 RESET API（Tutorial 3: Creating a Simple REST API）"
             accesskey="N">下一页</a> |</li>
        <li class="right" >
          <a href="tutorial-invo-4.html" title="Tutorial 5: Customizing INVO"
             accesskey="P">上一页</a> |</li>
        <li><a href="http://phalconphp.com">Home</a> &raquo;</li>
        <li><a href="../index.html">Phalcon 2.0.0 文档</a> &raquo;</li> 
      </ul>
    </div>  

      <table width="100%" align="center" cellpadding="0" cellspacing="0">
        <tr>
      <td class="primary-box" width="25%" valign="top">
            <div>
            <div id="searchbox" style="">
                <!--<form class="search" action="http://readthedocs.org/search/project/" method="get">
                  <input type="search" name="q" size="25" placeholder="Search">
                  <input type="submit" value="Go">
                  <input type="hidden" name="selected_facets" value="project:">
                </form>-->
                <div style="width:200px;padding:10px">
                  <gcse:searchbox-only></gcse:searchbox-only>
                </div>
            </div>
            </div>
            <div style="padding:5px;padding-left:10px">
              <div id="carbonads-container">
                <div class="carbonad"><div id="azcarbon"></div>
                <script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/56496/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script>
                </div></div>
            </div>
            <h3><a href="../index.html">內容目录</a></h3>
            <ul>
<li><a class="reference internal" href="#">Tutorial 6: Vökuró</a><ul>
<li><a class="reference internal" href="#project-structure">Project Structure</a></li>
<li><a class="reference internal" href="#load-classes-and-dependencies">Load Classes and Dependencies</a></li>
<li><a class="reference internal" href="#sign-up">Sign Up</a></li>
<li><a class="reference internal" href="#conclusion">Conclusion</a></li>
</ul>
</li>
</ul>

            <h4>上一个主题</h4>
            <p class="topless"><a href="tutorial-invo-4.html" title="上一章">&lt; Tutorial 5: Customizing INVO</a></p>
            <h4>下一个主题</h4>
            <p class="topless"><a href="tutorial-rest.html" title="下一章">教程 3：创建简单的 RESET API（Tutorial 3: Creating a Simple REST API） &gt;</a></p>
            <h3>本页</h3>
            <ul class="this-page-menu">
              <li><a href="../_sources/reference/tutorial-vokuro.txt" rel="nofollow">显示源代码</a></li>
            </ul>
        </td>
          <td class="second-box" valign="top">
            <div class="document">
                <div class="documentwrapper">
                  <div class="bodywrapper">
                    <div class="body" >
                      
  <div class="section" id="tutorial-6-vokuro">
<h1>Tutorial 6: Vökuró<a class="headerlink" href="#tutorial-6-vokuro" title="永久链接至标题">¶</a></h1>
<p>Vökuró is another sample application you can use to learn more about Phalcon.
Vökuró is a small website that shows how to implement a security features and
management of users and permissions. You can clone its code from <a class="reference external" href="https://github.com/phalcon/vokuro">Github</a>.</p>
<div class="section" id="project-structure">
<h2>Project Structure<a class="headerlink" href="#project-structure" title="永久链接至标题">¶</a></h2>
<p>Once you clone the project in your document root you&#8217;ll see the following structure:</p>
<div class="highlight-bash"><div class="highlight"><pre>invo/
    app/
        cache/
        config/
        controllers/
        forms/
        library/
        models/
        plugins/
        views/
    public/
        css/
        js/
    schemas/
</pre></div>
</div>
<p>This project follows a quite similar structure to INVO. Once you open the application in your
browser <a class="reference external" href="http://localhost/vokuro">http://localhost/vokuro</a> you&#8217;ll see something like this:</p>
<div class="figure align-center">
<img alt="../_images/vokuro-1.png" src="../_images/vokuro-1.png" />
</div>
<p>The application is divided into two parts, a frontend, where visitors can sign up the service
and a backend where administrative users can manage registered users. Both frontend and backend
are combined in a single module.</p>
</div>
<div class="section" id="load-classes-and-dependencies">
<h2>Load Classes and Dependencies<a class="headerlink" href="#load-classes-and-dependencies" title="永久链接至标题">¶</a></h2>
<p>This project uses Phalcon\Loader to load controllers, models, forms, etc. within the project and <a class="reference external" href="https://getcomposer.org/">composer</a>
to load the project&#8217;s dependencies. So, the first thing you have to do before execute Vökuró is
install its dependencies via <a class="reference external" href="https://getcomposer.org/">composer</a>. Assuming you have it correctly installed, type the
following command in the console:</p>
<div class="highlight-bash"><div class="highlight"><pre><span class="nb">cd </span>vokuro
composer install
</pre></div>
</div>
<p>Vökuró sends emails to confirm the sign up of registered users using Swift,
the composer.json looks like:</p>
<div class="highlight-json"><div class="highlight"><pre><span class="p">{</span>
    <span class="nt">&quot;require&quot;</span> <span class="p">:</span> <span class="p">{</span>
        <span class="nt">&quot;php&quot;</span> <span class="p">:</span> <span class="s2">&quot;&gt;=5.4.0&quot;</span><span class="p">,</span>
        <span class="nt">&quot;ext-phalcon&quot;</span> <span class="p">:</span> <span class="s2">&quot;&gt;=2.0.0&quot;</span><span class="p">,</span>
        <span class="nt">&quot;swiftmailer/swiftmailer&quot;</span> <span class="p">:</span> <span class="s2">&quot;5.0.*&quot;</span><span class="p">,</span>
        <span class="nt">&quot;amazonwebservices/aws-sdk-for-php&quot;</span> <span class="p">:</span> <span class="s2">&quot;~1.0&quot;</span>
    <span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<p>Now, there is a file called app/config/loader.php where all the auto-loading stuff is set up. At the end of
this file you can see that the composer autoloader is included enabling the application to autoload
any of the classes in the downloaded dependencies:</p>
<div class="highlight-php"><div class="highlight"><pre><span class="cp">&lt;?php</span>

<span class="c1">// ...</span>

<span class="c1">// Use composer autoloader to load vendor classes</span>
<span class="k">require_once</span> <span class="nx">__DIR__</span> <span class="o">.</span> <span class="s1">&#39;/../../vendor/autoload.php&#39;</span><span class="p">;</span>
</pre></div>
</div>
<p>Moreover, Vökuró, unlike the INVO, utilizes namespaces for controllers and models
which is the recommended practice to structure a project. This way the autoloader looks slightly
different than the one we saw before (app/config/loader.php):</p>
<div class="highlight-php"><div class="highlight"><pre><span class="cp">&lt;?php</span>

<span class="nv">$loader</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">\Phalcon\Loader</span><span class="p">();</span>

<span class="nv">$loader</span><span class="o">-&gt;</span><span class="na">registerNamespaces</span><span class="p">(</span><span class="k">array</span><span class="p">(</span>
    <span class="s1">&#39;Vokuro\Models&#39;</span>      <span class="o">=&gt;</span> <span class="nv">$config</span><span class="o">-&gt;</span><span class="na">application</span><span class="o">-&gt;</span><span class="na">modelsDir</span><span class="p">,</span>
    <span class="s1">&#39;Vokuro\Controllers&#39;</span> <span class="o">=&gt;</span> <span class="nv">$config</span><span class="o">-&gt;</span><span class="na">application</span><span class="o">-&gt;</span><span class="na">controllersDir</span><span class="p">,</span>
    <span class="s1">&#39;Vokuro\Forms&#39;</span>       <span class="o">=&gt;</span> <span class="nv">$config</span><span class="o">-&gt;</span><span class="na">application</span><span class="o">-&gt;</span><span class="na">formsDir</span><span class="p">,</span>
    <span class="s1">&#39;Vokuro&#39;</span>             <span class="o">=&gt;</span> <span class="nv">$config</span><span class="o">-&gt;</span><span class="na">application</span><span class="o">-&gt;</span><span class="na">libraryDir</span>
<span class="p">));</span>

<span class="nv">$loader</span><span class="o">-&gt;</span><span class="na">register</span><span class="p">();</span>

<span class="c1">// ...</span>
</pre></div>
</div>
<p>Instead of using registerDirectories, we use registerNamespaces. Every namespace points to a directory
defined in the configuration file (app/config/config.php). For instance the namespace Vokuro\Controllers
points to app/controllers so all the classes required by the application within this namespace
requires it in its definition:</p>
<div class="highlight-php"><div class="highlight"><pre><span class="cp">&lt;?php</span>

<span class="k">namespace</span> <span class="nx">Vokuro\Controllers</span><span class="p">;</span>

<span class="k">class</span> <span class="nc">AboutController</span> <span class="k">extends</span> <span class="nx">ControllerBase</span>
<span class="p">{</span>

    <span class="c1">// ...</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
<div class="section" id="sign-up">
<h2>Sign Up<a class="headerlink" href="#sign-up" title="永久链接至标题">¶</a></h2>
<p>First, let&#8217;s check how users are registered in Vökuró. When a user clicks the &#8220;Create an Account&#8221; button,
the controller SessionController is invoked and the action &#8220;signup&#8221; is executed:</p>
<div class="highlight-php"><div class="highlight"><pre><span class="cp">&lt;?php</span>

<span class="k">namespace</span> <span class="nx">Vokuro\Controllers</span><span class="p">;</span>

<span class="k">use</span> <span class="nx">Vokuro\Forms\SignUpForm</span><span class="p">;</span>

<span class="k">class</span> <span class="nc">RegisterController</span> <span class="k">extends</span> <span class="nx">ControllerBase</span>
<span class="p">{</span>
    <span class="k">public</span> <span class="k">function</span> <span class="nf">signupAction</span><span class="p">()</span>
    <span class="p">{</span>
        <span class="nv">$form</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">SignUpForm</span><span class="p">();</span>

        <span class="c1">// ...</span>

        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">view</span><span class="o">-&gt;</span><span class="na">form</span> <span class="o">=</span> <span class="nv">$form</span><span class="p">;</span>
    <span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<p>This action simply pass a form instance of SignUpForm to the view, which itself is rendered to
allow the user enter the login details:</p>
<div class="highlight-html+jinja"><div class="highlight"><pre><span class="cp">{{</span> <span class="nv">form</span><span class="o">(</span><span class="s1">&#39;class&#39;</span><span class="o">:</span> <span class="s1">&#39;form-search&#39;</span><span class="o">)</span> <span class="cp">}}</span>

    <span class="nt">&lt;h2&gt;</span>Sign Up<span class="nt">&lt;/h2&gt;</span>

    <span class="nt">&lt;p&gt;</span><span class="cp">{{</span> <span class="nv">form.label</span><span class="o">(</span><span class="s1">&#39;name&#39;</span><span class="o">)</span> <span class="cp">}}</span><span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;p&gt;</span>
        <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;name&#39;</span><span class="o">)</span> <span class="cp">}}</span>
        <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;name&#39;</span><span class="o">)</span> <span class="cp">}}</span>
    <span class="nt">&lt;/p&gt;</span>

    <span class="nt">&lt;p&gt;</span><span class="cp">{{</span> <span class="nv">form.label</span><span class="o">(</span><span class="s1">&#39;email&#39;</span><span class="o">)</span> <span class="cp">}}</span><span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;p&gt;</span>
        <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;email&#39;</span><span class="o">)</span> <span class="cp">}}</span>
        <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;email&#39;</span><span class="o">)</span> <span class="cp">}}</span>
    <span class="nt">&lt;/p&gt;</span>

    <span class="nt">&lt;p&gt;</span><span class="cp">{{</span> <span class="nv">form.label</span><span class="o">(</span><span class="s1">&#39;password&#39;</span><span class="o">)</span> <span class="cp">}}</span><span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;p&gt;</span>
        <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;password&#39;</span><span class="o">)</span> <span class="cp">}}</span>
        <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;password&#39;</span><span class="o">)</span> <span class="cp">}}</span>
    <span class="nt">&lt;/p&gt;</span>

    <span class="nt">&lt;p&gt;</span><span class="cp">{{</span> <span class="nv">form.label</span><span class="o">(</span><span class="s1">&#39;confirmPassword&#39;</span><span class="o">)</span> <span class="cp">}}</span><span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;p&gt;</span>
        <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;confirmPassword&#39;</span><span class="o">)</span> <span class="cp">}}</span>
        <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;confirmPassword&#39;</span><span class="o">)</span> <span class="cp">}}</span>
    <span class="nt">&lt;/p&gt;</span>

    <span class="nt">&lt;p&gt;</span>
        <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;terms&#39;</span><span class="o">)</span> <span class="cp">}}</span> <span class="cp">{{</span> <span class="nv">form.label</span><span class="o">(</span><span class="s1">&#39;terms&#39;</span><span class="o">)</span> <span class="cp">}}</span>
        <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;terms&#39;</span><span class="o">)</span> <span class="cp">}}</span>
    <span class="nt">&lt;/p&gt;</span>

    <span class="nt">&lt;p&gt;</span><span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;Sign Up&#39;</span><span class="o">)</span> <span class="cp">}}</span><span class="nt">&lt;/p&gt;</span>

    <span class="cp">{{</span> <span class="nv">form.render</span><span class="o">(</span><span class="s1">&#39;csrf&#39;</span><span class="o">,</span> <span class="o">[</span><span class="s1">&#39;value&#39;</span><span class="o">:</span> <span class="nv">security.getToken</span><span class="o">()])</span> <span class="cp">}}</span>
    <span class="cp">{{</span> <span class="nv">form.messages</span><span class="o">(</span><span class="s1">&#39;csrf&#39;</span><span class="o">)</span> <span class="cp">}}</span>

    <span class="nt">&lt;hr&gt;</span>

<span class="nt">&lt;/form&gt;</span>
</pre></div>
</div>
</div>
<div class="section" id="conclusion">
<h2>Conclusion<a class="headerlink" href="#conclusion" title="永久链接至标题">¶</a></h2>
<p>As we have seen, develop a RESTful API with Phalcon is easy. Later in the documentation we&#8217;ll explain in detail how to
use micro applications and the <a class="reference internal" href="phql.html"><em>PHQL</em></a> language.</p>
</div>
</div>


                    </div>
                  </div>
                </div>
            </div>
          </td>
        </tr>
      </table>
    <div class="related">
      <ul>
        <li class="right" >
          <a href="../genindex.html" title="总目录"
             >索引</a></li>
        <li class="right" >
          <a href="tutorial-rest.html" title="教程 3：创建简单的 RESET API（Tutorial 3: Creating a Simple REST API）"
             >下一页</a> |</li>
        <li class="right" >
          <a href="tutorial-invo-4.html" title="Tutorial 5: Customizing INVO"
             >上一页</a> |</li> 
      </ul>
    </div>

      <div class="prefooter">
  <div class="container">
      <div class="row">
          <div class="col-sm-3 text-right">
              <span>Follow along:</span>
          </div>
          <div class="col-sm-6 text-center">
              <a href="https://twitter.com/phalconphp" alt="Twitter" class="btn-social btn-social-twitter"><i class="icon-twitter"></i></a>
              <a href="https://www.facebook.com/pages/Phalcon-Framework/134230726685897" alt="Facebook" class="btn-social btn-social-facebook"><i class="icon-facebook"></i></a>
              <a href="https://plus.google.com/102376109340560896457" alt="Google+" class="btn-social btn-social-googleplus"><i class="icon-googleplus"></i></a>
              <a href="https://github.com/phalcon/cphalcon" alt="Github" class="btn-social btn-social-github"><i class="icon-github"></i></a>
          </div>
          <div class="col-sm-3">
          </div>
      </div>
  </div>

</div>
<footer class="footer">
  <div class="container">
      <div class="row">
          <div class="col-xs-4 col-sm-3">
              <h4>Download</h4>
              <ul>
                  <li><a href="http://phalconphp.com/download">Installing Phalcon</a></li>
                  <li><a href="http://docs.phalconphp.com/en/latest/index.html" class="header-nav-link" target="_blank">Documentation</a></li>
                  <li><a href="http://api.phalconphp.com">API</a></li>
                  <li><a href="http://docs.phalconphp.com/en/latest/reference/tutorial.html">Tutorial</a></li>
                  <li><a href="http://docs.phalconphp.com/en/latest/reference/tutorial.html#sample-applications">Sample Applications</a></li>
              </ul>
          </div>
          <div class="col-xs-4 col-sm-3">
              <h4>Community</h4>
              <ul>
                  <li><a href="http://forum.phalconphp.com/" class="header-nav-link" target="_blank">Forum</a></li>
                  <li><a href="https://github.com/phalcon/cphalcon">GitHub</a></li>
                  <li><a href="https://github.com/phalcon/cphalcon/issues">Issue Tracker</a></li>
                  <li><a href="http://stackoverflow.com/questions/tagged/phalcon">Stack Overflow</a></li>
                  <li><a href="http://phalconphp.com/en/testimonials">Testimonials</a></li>
                  <li><a href="http://builtwith.phalconphp.com/">Built with Phalcon</a></li>
                  <li><a href="http://store.phalconphp.com/">Store</a></li>
              </ul>
          </div>
          <div class="col-xs-4 col-sm-2">
              <h4>About</h4>
              <ul>
                  <li><a class="link-black" href="http://blog.phalconphp.com/">Blog</a></li>
                  <li><a href="http://phalconphp.com/en/about">About</a></li>
                  <li><a href="http://phalconphp.com/en/team">Team</a></li>
                  <li><a href="http://phalconphp.com/en/roadmap">Roadmap</a></li>
                  <li><a href="http://phalconphp.com/en/donate">Donate</a></li>
                  <li><a href="http://phalconphp.com/en/consulting">Consulting</a></li>
                  <li><a href="http://phalconphp.com/en/hosting">Hosting</a></li>
              </ul>
          </div>
          <div id="license-spaccer" class="visible-xs"></div>
          <div id="license-wrapper" class="col-xs-12 col-sm-4">
              <p class="license">

                  Found a typo or an error? Want to improve this document? The documentation sources are available on <a href="http://github.com/phalcon/docs">Github</a><br>
                  Need support or have questions? Check our <a href="http://forum.phalconphp.com">Forum</a><br>
                  <br>

                  Phalcon Framework is released under the <a href="https://github.com/phalcon/cphalcon/blob/master/docs/LICENSE.md">new BSD license</a>.<br>
                  Except where otherwise noted, content on this site is licensed under the
                    <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License.</a>

                <div class="design">
                  <span>Designed by:</span>

                  <a href="http://www.fog-city.net/" class="fogcity" target="_blank" title="Fog City Software"><span>Fog City Software</span></a>
              </div>
          </div>
      </div>
  </div>
</footer>

    </div>
    <script type="text/javascript">
    $(window).on("load", function(){
      var cx = '009733439235723428699:lh9ltjgvdz8';
      var gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    });
    </script>

  </body>
</html>